body { background: #f0f0f0 }
.type { height: 1rem; line-height: 1rem; }
.type li { width: 20%; background: #fff; position: relative; float: left; height: 1rem; font-size: .36rem; box-sizing: border-box; line-height: 1rem; text-align: center; border-left: 1px solid #f2f2f2; border-bottom: 1px solid #e0e0e0; }
.storeorder .type li{ width:25%;}
.type li:first-child { border: none }
.type li b { border-radius: .3rem; font-size: .26rem; background: #6ab42f; position: absolute; top: .16rem; font-weight: 300; color: #fff; padding: 0 0.1rem; height: .32rem; line-height: .32rem; z-index: 1; margin-left: -0.2rem; }
.type li a { color: #666 }
.type li.on { border-bottom: .06rem solid #6ab42f }
.cartlist { margin-top: .2rem; }
.cartlist .store { height: 1rem; line-height: 1rem; background: #fff; font-size: .4rem; padding: 0 .2rem }
.cartlist .store .state { color: #666; font-size: 0.4rem; height: 1rem; line-height: 1rem; padding: 0 0.4rem; position: absolute; right: 0; text-align: right; }
.cartlist li { background: #f5f5f5; position: relative; padding: .4rem .2rem; border-bottom: 1px solid #fff }
.cartlist li .goodsimg { width: 2rem; height: 2rem; float: left; border: 1px solid #ddd }
.cartlist li .goodsimg .img { width: 2rem; height: 2rem; }
.cartlist li .info { box-sizing: border-box; display: block; height: 2rem; overflow: hidden; left: 0; padding: 0 .2rem 0 2.4rem; position: absolute; width: 100%; }
.cartlist li.goods div.info .title { color: #666; font-size: 0.4rem; height: 1.04rem; line-height: 0.52rem; overflow: hidden; padding-right: 0.2rem; }
.cartlist li.goods div.info .type { font-size: .34rem; color: #999; line-height: .4rem; margin: .02rem 0 .04rem 0; border: none }
.cartlist li.goods div.info .type span { margin-right: .2rem; }
.cartlist li.goods div.info .discount { position: absolute; bottom: 0; border-radius: 2px; background: #f60; color: #fff; font-size: .3rem; padding: 0 .1rem; }
.cartlist li.goods div.info .pay {  font-size: .4rem; padding-right: .2rem;  }
.cartlist li.goods div.info .pay .qty { font-size: .34rem; color: #333; width: 100%; }
.cartlist .user { height: 1rem; padding: 0 .2rem; position: relative; }
.cartlist i { border-right: 1px solid #e0e0e0; color: #999; font-size: 1rem; line-height: 1rem; padding: 0 0.14rem; vertical-align: top; }
.cartlist .user { background: #fff none repeat scroll 0 0; border-top: 1px solid #e0e0e0; padding: 0.2rem 0; }
.cartlist .user .info { box-sizing: border-box; color: #999; height: 1rem; left: 0; line-height: 0.5rem; padding-left: 1.4rem; position: absolute; top: .2rem; width: 100%; border-right: 1px solid #e0e0e0 }
.cartlist .user .info dl { float: left; font-size: 0.32rem; height: 0.5rem; position: relative; width: 50%; }
.cartlist .user .info dl dt { width: 1.4rem; text-align: right; height: .5rem; line-height: .5rem; overflow: hidden; }
.cartlist .user .info dl dd { position: absolute; top: 0; left: 1.4rem; color: #666; height: .5rem; line-height: .5rem; overflow: hidden; }
.cartlist .paytype { width: 100%; background: #fff; }
.cartlist .paytype a { display: block; padding: 0 .2rem; border-bottom: 1px solid #f2f2f2; font-size: .4rem; line-height: 1.2rem; }
.cartlist .paytype .ye,.cartlist .paytype .jf { display: block; padding: 0 .2rem; border-bottom: 1px solid #f2f2f2; font-size: .4rem; line-height: 1.2rem; }
.cartlist .paytype .wx { }
.cartlist .paytype .ye .field,.cartlist .paytype .jf .field { margin-top: -.8rem; background: none; box-sizing: border-box; width: 100% }
.cartlist .paytype .ye .label,.cartlist .paytype .jf .label { margin-left: 1.5rem; }
.cartlist .paytype i { font-size: .4rem; line-height: 1.2rem; border: none; }
.cartlist .paytype i.icon { display: inline-block; font-size: 0.8rem; line-height: 1.2rem; }
.cartlist .paytype .ye .field .field-control,.cartlist .paytype .jf .field .field-control { background: #e0e0e0; border-radius: 1rem; box-sizing: border-box; padding: 0 .4rem; text-align: center; }
.cartlist .paytype .ye.on,.cartlist .paytype .jf.on{ background:#6ab42f; color:#fff;}
.cartlist .paytype .ye.on i,.cartlist .paytype .jf.on i,.cartlist .paytype .ye.on .num,.cartlist .paytype .jf.on .num{ color:#fff !important;}

.total li { height: 1.2rem; line-height: 1.2rem; padding: 0 .2rem 0 0; background: #fff; border-bottom: 1px solid #f0f0f0; color: #666; font-size: .34rem; }
.total li .num { font-size: .4rem; }
.cartlist .total { text-align: right; font-size: .4rem; }
.shiplist { padding: .4rem .2rem; background: #fff }
.shiplist p { line-height: .8rem; font-size: .4rem; color: #666; }
.shiplist p span { color: #333; }
.shiplist .list li { color: #666; font-size: .34rem; position: relative; padding: .2rem .2rem .2rem .6rem; box-sizing: border-box; margin: .2rem 0; background: #f4f4f4 }
.shiplist .list li i { position: absolute; left: .2rem }
.shiplist .list li span { display: block; padding: .2rem .2rem .2rem .6rem; position: absolute; top: 0; left: 0; color: #999 }
.shiplist .list li:last-child { background: #9c6; border-bottom: .1rem solid #7f9e3b }
.shiplist .list li:last-child, .shiplist .list li:last-child span { color: #fff }
/*订单详情*/
.orderstate { height: 2.6rem; box-shadow: 0 0 6px rgba(0,0,0,0.2) inset; }
.orderstate .state { line-height: .6rem; padding: .66rem 0 0 .6rem; color: #fff }
.orderstate .state h4 { font-size: .6rem; font-weight: 700 }
.address, .shiping { position: relative; border-bottom: 1px solid #e0e0e0; background: #fff; padding: .2rem; }
.shiping { padding: .4rem .2rem; color: #666 }
.shiping .icon { float: left; font-size: 1rem; margin-top: 0.04rem; text-align: left; width: 1.2rem; }
.shiping .more { color: #999; font-size: 0.6rem; margin-top: 0.46rem; padding-right: 0.2rem; position: absolute; right: 0; top: 0.2rem; }
.shiping h4 { font-size: .5rem; color: #6ab42f; font-weight: 700 }
.address .icon { float: left; font-size: 1rem; margin-top: 0.24rem; text-align: left; width: 1.2rem; }
.address .addinfo { box-sizing: content-box; }
.address dt { color: #999; font-weight: 300 }
.address .addinfo dl.name { height: .6rem; line-height: .6rem; font-size: .4rem; position: relative }
.address .addinfo dl.name dt { width: 3rem; }
.address .addinfo dl.name dd { position: absolute; left: 2.46rem; margin-top: -.6rem; }
.address .addinfo dl.name dd.tel { right: 0; left: auto }
.address .addinfo dl.add { line-height: .5rem; font-size: .34rem; margin-left: 1.2rem; }
.address .addinfo dl.add dt { float: left; width: 1.72rem }
.address .addinfo dl.add dd.addsub { float: left; font-size: .34rem; }
.invoice { background: #fff; padding: 0 .2rem; }
.invoice .title { height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: .46rem; border-bottom: 1px solid#f0f0f0 }
.invoice .name { height: 1rem; line-height: 1rem; font-size: .4rem; color: #666 }
.orderinfo .cartlist li .info { box-sizing: border-box; display: block; height: 2rem; left: 0; padding: 0 2rem 0 2.4rem; position: absolute; width: 100%; }
.orderinfo .cartlist li.goods div.info .pay { position: absolute; right: 0; font-size: .4rem; padding-right: .2rem; top: 0 }
.orderinfo .cartlist li.goods div.info .pay a { display: block; font-size: .34rem; border-top-left-radius: .6rem; border-bottom-left-radius: .6rem; padding: .2rem 0; margin-right: -.4rem; margin-top: .1rem; background: #d0d0d0; color: #fff; text-align: center; }
.ordermessage { background: #fff; padding: .4rem .2rem; border-bottom: 1px solid#e0e0e0; border-top: .2rem solid #f5f5f5 }
.ordermessage p { line-height: .6rem; color: #666; font-size: .36rem; }
.ordermessage p .num { color: #333 }
/*升级店铺付款*/
.upstore { background: #fff none repeat scroll 0 0; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; display: block; float: left; margin-bottom: 0.2rem; padding: 0 0.4rem; width: 100%; }
.upstore .store { box-sizing: border-box; margin: 0 auto; padding: 1rem 0 .4rem 0; text-align: center; }
.upstore .store img { width: 6rem; }
.upstore .store h4 { font-size: .6rem; font-weight: 100; line-height: .8rem; color: #6ab42f }
.other-link { margin: 0.4rem 0.26rem; overflow: hidden; font-size: .42rem; }
.other-link a { color: #6ab42f; }
.field { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; border-bottom: 1px solid #DDD; padding: .373333rem .266667rem; color: #6C6C6C; background-color: #fff; text-align: left; position: relative; font-size: .42rem; }
.field span { width: 30%; }
.field span:last-child { width: 40%; }

/*微信付款*/
.order-width a{ padding:2rem 0 ; width:100%; text-align:center; font-size:.6rem; display:block; border-radius:.4rem;}
.order-width a i{ font-size:1rem; margin-right:.4rem; vertical-align:middle;}